www.luotao2008.cn视频网校，仅需要一个耳机+QQ远程即可完成所有教学任务。

题 目:从零学习Flash课件制作(10)

第十节 复杂图形的绘制


有些图形是非常复杂、绘制时要求非常精确的。比如钟面，一个圆周被平均分成60格，每个分格线的角度都不同，均匀地分布在圆周上，如果只用工具栏中的工具，凭眼力来画是很难画好的，这就需要运用其他一些工具和方法予以辅助。在本文中，我们通过三个例子，来熟悉这些辅助绘图的工具和方法。
在具体制作前，我们先要了解Flash的座标系统。我们可以将屏幕看作具有水平（x）轴和垂直（y）轴的平面图形，平面上每一点都可以表示为x和y值对，也就是座标。我们如果选中舞台上的某一对象，展开属性面板，就可以在属性面板中看到这个对象的座标值，也就是x值和y值，我们也可以通过修改属性面板中的座标值来把对象在舞台上精确定位，这我们在以前是做过的。x轴和y轴的交点称为原点，在x轴上，越往右座标值越大，在y轴上，越往下值越大，这与我们在几何学中学的座标系统是不同的。在场景中，原点在舞台左上角，在元件编辑舞台上，原点在舞台正中间“＋”处。了解了Flash的座标系统后，我们首先来制作一个教学用的三角板。
例1 三角板的绘制
制作步骤：
第一步，新建Flash文件。
第二步，按住Shift键，在舞台中央绘制一个无填充颜色的黑色正方形，再连接左上角与右下角的对角线，最后删除正方形的上边线和右边线，这样就绘制了一个两个锐角都是45度的直角三角形。
第三步，选中三角形，按快捷键“Ctrl+G”将其组合成一个整体。再将其顺时针旋转45度，然后将其复制粘贴，并将复制的三角形缩小，最后选中两个三角形，打开对齐面板，先后按水平中齐按钮 和垂直中齐按钮 ，排列好它们的位置，如图1-10-1。

图1-10- 1

图1-10- 2

图1-10- 3


第四步，继续选中两个三角形，按快捷键“Ctrl+B”将它们打散，再用颜料桶工具 在两个三角形之间填充蓝色。
第五步，单击选中两个三角形之间的蓝色块，选择菜单“修改→转换成元件”，将其转换成影片元件。再选中刚转换成元件的影片，打开属性面板，将其透明度设为30％。
因为学生用的三角板一般都是半透明的塑料制成的，所以我们将两个三角形之间的蓝色块设置为半透明，但只有影片才能进行透明度设置，所以设置透明度前我们必须先将其转换成元件。
第六步，将图层1锁定，添加新图层，把舞台比例放大为200％。在三角板左端绘制一条短的竖线。再将其复制粘贴到原处，用右方向键将其向右移动几个像素，如图1-10-2。
第七步，选中上一步绘制的两条竖线，复制粘贴到原处，再将其向右移几个像素，用相同的方法把现在的4条竖线复制成8条，最后再复制3条竖线成11条，如图1-10-3。
第八步，选中所绘的11条竖线，打开对齐面板，按一下上对齐按钮 和水平平均间隔按钮 将它们排列整齐。再用选择工具选择中间9条线的下面五分之一，如图1-10-4，再按删除键将其删除。

图1-10- 4

图1-10- 5


第九步，选中11条竖线中的右边10条，复制到原来竖线的右边，再重复粘贴3次，调整好最右边一条竖线在三角板上的位置。最后选中所有竖线，用对齐面板中的按钮将它们排列整齐，如图1-10-5。
第十步，插入新图层，在长竖线处用文本工具建立文本框，分别输入数字0至6。三角板就制作完成了。
下面我们制作是更为复杂的钟面。
例2 钟面的绘制
制作步骤：
第一步，新建Flash文件。
第二步，新建钟面元件。新建一个影片元件，命名为“clockface”，用椭圆工具绘制一个空心圆。
第三步，运用属性面板设置钟面的大小。选中刚才绘制的圆，打开属性面板，输入圆形的宽、高、x值和y值，如图1-10-6所示。如果大家把属性窗口打开后没有看到输入这些值的地方，只要把属性窗口的上边框向上拉一下，把窗口变大一下即可。

图1-10- 6

图1-10- 7


第四步，锁定图层1，新增一图层，绘制一条水平直线。在属性面板中把直线的长设为200像素，x值设为0，y值设为100。然后选中此条直线，点击菜单“编辑→复制”，再点击“编辑→粘贴到当前位置”，最后点击“修改→变形→顺时针旋转90度”，可以看到，屏幕上出现了一条竖直线，与原来的水平线一起形成一个十字形。这里用到的命令“粘贴到当前位置”的功能是，在哪里复制的就粘贴到哪里，所以我们粘贴后就和原来的直线重合了，把它旋转90度后才显示出来。
第五步，选中刚才绘制的两条直线，点击“窗口→变形”，打开变形窗口。如图1-10-7，选中“旋转”选项，输入 “6度”，再点击“复制并应用变形”工具 ，可以看到我们选择的图形被复制粘贴并旋转了6度，如图1-10-8所示。连续点击此按钮，直到旋转度数增加为84度，直线布满整个钟面为止，如图1-10-9所示。

图1-10- 8

图1-10- 9

第六步，绘制一个无边框线的蓝色圆形，在属性面板中把宽和高都设为190，x和y值都设为5，让圆形与刻度线重合，如图1-10-10。然后把鼠标在空白处点击一下，取消选中状态，再点击一下圆形，按删除键删除刚选中的圆，被圆形覆盖的线条也被删除，只剩下如图1-10-11所示的刻度线。

图1-10- 10

图1-10- 11


第七步，在3时刻度和9时刻度处分别绘制一个直径4像素的红色小圆，同时选中这两个小圆，选择菜单“修改→组合”，将两个小圆组合成一个整体，如图1-10-12，在它上面单击右键，从右键菜单中选择“时间轴特效→帮助→分散式直接复制”，在打开的“分散式直接复制”面板中，设置副本数量为5，偏移距离x和y都设为9，偏移旋转设为30度，如图1-10-13，点“确定”后可以看到我们选中的对象被复制了5份，整时刻度处都有了一个红色小圆作为整时标志，如图1-10-14。

图1-10- 12

图1-10- 13



第八步，插入一个新图层，用文本工具设置好时间刻度，一个钟面就制作完成了，如图1-10-15。

图1-10- 14

图1-10- 15


下面我们制作的是一个量角器，如图1-10-16。量角器的制作和钟面很相似，我们通过这个实例来进一步练习复杂图形的绘制技巧。由于通过前面的练习，大家已有一定的基础，本例我们的讲述就稍简单一些。

例3 量角器的绘制
制作步骤：
第一步，新建flash文件。
第二步，新建影片元件，命名为“liangjq”。在本例中，我们把量角器制作成一个元件，这样就可以在任何场景使用。后面所有的操作都在该元件舞台上进行。
第三步，在舞台上绘制一条蓝色线条，在属性面板中设置线条的长度为150像素，x值与y值都为0。
第四步，选中线条，再选中旋转与倾斜按钮 ，用鼠标把线条上的变形点移到线条左端。选择菜单“窗口→变形”，打开变形面板，在旋转度数框中输入-1.0度，再点击“复制并应用变形”工具 ，线条被复制一条并逆时针旋转-1度，连续点击 ，直到变形面板中的度数显示为-10度，线条被复制10次，连同绘制的一条一共是11条，如图1-10-17。

图1-10- 16

图1-10- 17


第五步，选中舞台上的所有线条，按住Shift键，用鼠标把最下面一条线点击一下取消其选中状态，只让上面的10条线处于选中状态，把变形点移到左下角，在变形面板中的度数中输入-10度，连续点击 17次，直到变形面板中度数显示为-170度为止，如图1-10-18。

图1-10- 18

第六步，在舞台空白处绘制一个红色无边线圆形，在属性面板中设置圆形的宽和高都为290像素。用鼠标拖动圆形，覆盖到图10-18上，如图10-19，用鼠标在舞台空白处点一下，取消红色圆的选中状态，再用鼠标点击选中红色圆，并拖到一边并删除，此时舞台上的图形如图1-10-20。

图1-10- 19

图1-10- 20


第七步，锁定图层1，新增图层2。绘制一条蓝色直线，在属性面板中把直线的长设为150，x值和y值都设为0，并把变形点移到最左边，打开变形面板，在角度文本框中输入-5度，点击“复制并应用变形”工具 ，并把被复制的线条删去左边大部分，如图1-10-21。再选中这两条线，把变形点移到左下角，把变形面板中的旋转度数设为-10度，连续点击“复制并应用变形”工具 ，直到旋转度数变为-180度，所有整5整10度的刻度全部复制完成，最后会多一小段整5度的线条，删除就行了，此时图形如图1-10-22。

图1-10- 21

图1-10- 22


第八步，锁定图层2，新增图层3，在90度刻度处插入文本框，输入文本“90”，再把它的变形提示点拖动到舞台原点处。再在变形面板中把旋转度数设为-10度，连续按面板上的“复制并应用变形”工具 9次，再把复制的文本框中的文本改为相应度数。然后我们再用相同的方法制作右边的刻度数。这里我们之所以没有按前面画刻度线的方法一次复制完，是因为左边的刻度数只有两位数，而右边的刻度数则有3位数。
第九步，锁定图层3，新增图层4，绘制量角器的边框线，这里不再详述。
例4 旋转的齿轮
其运行效果如图1-10-23所示，其中齿轮的立体效果是运用flash的滤镜功能制作的。

图1-10- 23

图1-10- 24


制作步骤：
第一步，新建flash文件。
第二步，选择工具箱中的多角星形工具 。多角星形工具和圆形工具、矩形工具是组合在一起的，如果在工具箱中找不到多角星形工具，只要把圆形工具或矩形工具按一会就可以切换成星形工具。再把笔触颜色设为空值，把填充颜色设为浅灰色。再打开属性面板，点击属性面板中的“选项”按钮，如图1-10-24，在打开的“工具设置”面板中，把“样式”选为“星形”，“边数”设为12，星形顶点大小为默认的0.5，如图1-10-25。折叠属性面板，再点击工具箱最下面的“对象绘制”按钮 ，让其处于选中状态。最后用选中的多角星形工具在舞台上绘制一个星形图形。

图1-10- 25

图1-10- 26

图1-10- 27


当我们用绘图工具绘制图形时，如果“对象绘制”按钮处于选中状态，我们绘制的图形处于组合状态，是一个整体。否则会处于打散状态。
第三步，把填充颜色变换一种颜色，在舞台的另一个地方绘制一个比星形图形直径稍小的圆形。同时选中绘制的星形和圆形，打开对齐面板，先后点击水平中齐按钮 和垂直中齐按钮 ，此时两个对象应都处于选中状态，如图1-10-26，再接着选择菜单“修改→合并对象→裁切”，此时图形如图1-10-27。
第四步，在舞台上用椭圆工具绘制一个比齿轮小一些的圆形对象，再选中圆形和齿轮，打开对齐面板，先后点击水平中齐按钮 和垂直中齐按钮 ，再选择菜单“修改→合并对象→打孔”，此时齿轮如图1-10-28所示。

图1-10- 28

图1-10- 29


第五步，选中舞台上的齿轮，选择菜单“修改→转换成元件”，将齿轮转换成图形元件，命名为“chi1”。再将舞台上的齿轮删除。
第六步，选择菜单“插入→新建元件”，新建一个名为“chi2”的影片元件，将库中的图形元件“chi1”拖到舞台上。复制齿轮，再插入图层2，将复制的齿轮粘贴到图层2，并将其拖到图层1齿轮的左上方并相互咬合，如图1-10-29。
第七步，在图层1和图层2第80帧都插入关键帧。
第八步，选中图层1第1帧，展开属性面板，建立补间动画，并将“旋转”选项设为“顺时针”和“1”次，如图1-10-30。再选中图层2第1帧，展开属性面板，建立补间动画，将“旋转”选项设为“逆时针”和“1”次。
第九步，把舞台切换到主场景，在元件库中把元件“chi2”拖一个到舞台上。选中齿轮影片，展开滤镜面板。滤镜面板一般应该和属性面板在一起，只需展开即可。如果没有，可以通过选择菜单“窗口→属性→滤镜”打开。点击滤镜面板中的加号，再选择“投影”，将“模糊”值设为2，如图1-10-31。然后再进行两次相同的操作，齿轮即会出现立体感。
第十步，测试影片。

图1-10- 30

图1-10- 31

FLASH课件制作培训班开班了！火热报名中!加我站管理QQ444860709解决任何疑问！ 培训QQ专业群67042004。